<template>
	<view class="">
		<!-- v-for="(item,index) in list" -->
		<view class="NoOne" @click="goInfo">
			<!-- <view class="NoOne-tit disCenter">
				<image src="@/static/icon_list_cstg.png" mode=""></image>
				<text >恭喜您的额度初审已通过</text>
				
			</view> -->
			<view class="immediate-wrap-card dis">


				<view class="immediate-wrap-card-top">
					{{list.name}}
				</view>
				<view class="immediate-wrap-card-left dis">
					<view class="immediate-wrap-card-center-left-bot">

						<text class="immediate-wrap-card-center-left-price1">￥</text>
						
						<text class="immediate-wrap-card-center-left-price2 DIN">
						{{list.quotaUpper}}
						</text>


					</view>
					<view class="immediate-wrap-card-center-right-btn">
					<image src="/static/bj/icon_ljsq.png" mode=""></image>
					</view>

				</view>
				<view class="immediate-wrap-card-bot">可借期限：{{list.usefulLife}}个月</view>

			</view>

		</view>

	</view>
</template>

<script>
	export default {
		props: {
			list: {
				type: Object,
				default: {}
			}
		},
		data() {
			return {

			}
		},
		methods: {
			goInfo(item) {
				this.$emit("goInfo", this.list)
			}
		}

	}
</script>

<style lang="scss" scoped>
	.disCenter{
		display: flex;
		align-items: center;
	}
	.NoOne {
		padding: 20rpx 32rpx;

		.NoOne-tit {
			font-size: 28rpx;
			font-weight: 500;
			color: #fff;
			padding: 16rpx 0;
			image {
				width: 32rpx;
				height: 32rpx;
				vertical-align: middle;
				margin-right: 10rpx;

			}


		}

	}

	.immediate-wrap-card {
		.immediate-wrap-card-top {
			font-size: 36rpx;
			color: #fff;
			

		}

		.immediate-wrap-card-left {
			justify-content: space-between;
			align-items: center;
			
			.immediate-wrap-card-center-left-top {
				font-size: 26rpx;
				color: #999999;
			}

			.immediate-wrap-card-center-right-btn {
				width: 200rpx;
				height: 74rpx;
				line-height: 74rpx;
				color: #fff;
				padding: 0 10rpx;
				
				border-radius: 100rpx;
				text-align: center;
				font-size: 40rpx;
				image{
					width: 100%;
					height: 100%;
				}
				// margin-bottom: 20rpx;
				// opacity: 0.38;
			}

			.immediate-wrap-card-center-left-bot {
				color: #fff;
				display: flex;
				margin: 30rpx 0 16rpx 0;
				align-items: center;

				.immediate-wrap-card-center-left-price1 {
					font-weight: 500;
					font-size: 38rpx;
				}

				.immediate-wrap-card-center-left-price2 {
					// font-family: DIN;
					font-weight: 500;
					font-size: 50rpx;
				}

			}
		}

		.immediate-wrap-card-bot {
			font-size: 24rpx;
			color: #fff;
			
			// margin-bottom: 30rpx;
			// padding-bottom: 10rpx;
		}




		position: relative;
		flex-direction: column;
// border-top: 2rpx solid rgba(255,255,255,0.26);
		// border-top: 2rpx solid #F3F4F5;
		justify-content: space-between;
		// height: 274rpx;
		padding: 28rpx 0 42rpx 0;

		// background: linear-gradient(270deg, #C4E4FB 0%, #3470EB 100%);

	}
</style>